
/*commoncss*/
.clearfix:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }
.clear { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }
.fl{float: left;}
.fr{ float: right; }
.hidden{ display: none;}

$zhu_color:#FB4500;

[nowrap]{ overflow:hidden;display: block; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.text_aline_r{text-align: right; } 
.text_aline_c{ text-align: center; }
.text_aline_l{ text-align: left;}
.zhu_color,a.zhu_color{ color: $zhu_color; }
.fu_color{color: #515151;}
.fubg_color{background: #515151;}
.hover_color{color: #FEA500;}
.dianzhui_color{ color: $zhu_color;}
.dianzhui_bg_color{ background-color: $zhu_color;}
.colorfff,.colorfff a,a.colorfff{  color: #fff; }
.color333{ color: #333;}
.zhubg_color{ background: $zhu_color; }
.fwn{  font-weight: normal; }
.fwb{  font-weight: bold; }
.fz20{ font-size: .2rem;}
.fz22{ font-size: .22rem;}
.fz24{ font-size: .24rem;}
.fz26{ font-size: .26rem;}
.fz28{ font-size: .28rem;}
.fz30{ font-size: .30rem;}
.fz32{ font-size: .32rem;}
.fz34{ font-size: .34rem;}
.text_tran_uppercase{ text-transform: uppercase; }
.border_n{ border: none; }
.m0auto{ margin: 0 auto; }
.disb{  display: block; }
.dis_ib{ display: inline-block;zoom: 1;*display: inline; }
.vertical_m{ vertical-align: middle;}
.cur_pointer{ cursor: pointer; }
.overfl_hidden{ overflow: hidden; }
.posi_relative{ position: relative; }
.wrap{ width:7.2rem; display:block; margin: 0 auto;  position: relative;}
.width_7{ width:7rem; display:block; margin: 0 auto; }
.width_100{ width: 100%; display:block;  }
